<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Wait You</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        html,body{
            height: 100%;
            overflow: hidden;
            background: url(timg.jpg) no-repeat center/cover;
        }
        #wait{
            margin-top: 100px;
            height: 100%;
            text-align: center;
            font-size: 60px;
            color:rgba(0, 255, 255, .7);
            text-shadow: 0 0 10px rgba(255,255,150,.8)
        }
    </style>
</head>
<body>
    <div id="wait">
    </div>
    <script>
        (function(){
            // 获取 #wait元素
            var wait = document.querySelector('#wait');
            // 定义目标日期
            var targetDate = new Date(2021, 8, 19);

            // 开始定时器
            var intervalId = setInterval(runTime, 1000);
            // 定义时间函数
            function runTime(){
                // 获取当前日期
                var currentDate = new Date();
                // 计算目标日期与当前日期相差的秒数
                var seconds = Math.floor((targetDate.getTime() - currentDate.getTime()) / 1000);
                // 判断 seconds 小于等于 0 即时间到了
                if(seconds <= 0) {
                    clearInterval(intervalId);
                    wait.innerHTML = '两年了';
                    return ;
                }
                // 计算天数
                var days = Math.floor(seconds / (24 * 3600));
                // 计算剩余秒数
                seconds -= 24 * 3600 * days;
                // 计算小时数
                var hours = Math.floor(seconds / 3600);
                // 计算剩余秒数
                seconds -= 3600 * hours;
                // 计算分钟数
                var minutes = Math.floor(seconds / 60);
                // 计算剩余秒数
                seconds -= 60 * minutes;

                // 处理 个位补 0
                days = addZero(days);
                hours = addZero(hours);
                minutes = addZero(minutes);
                seconds = addZero(seconds);

                // 输出到页面中的内容
                wait.innerHTML = '2021 - 09 - 19<br>' + days + ' 天 ' + hours + ' 小时 ' + minutes + ' 分 ' + seconds + ' 秒 ';
            }



            function addZero(n){
                return n < 10 ? '0' + n : n;
            }
        })();
    </script>
</body>
</html>